<template>
    <div class="app-container" style="padding: 5px;">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="年度采购看板" name="first">
            </el-tab-pane>
            <el-tab-pane label="自产种苗订单参考" name="second">自产种苗订单参考</el-tab-pane>
            <el-tab-pane label="需补采种子-订单未满足" name="third">需补采种子-订单未满足</el-tab-pane>
            <el-tab-pane label="自产种苗多余种子去库存" name="fourth">自产种苗多余种子去库存</el-tab-pane>
        </el-tabs>
    </div>
  </template>
  <script>
  
  export default {
    name: "zczmddhz",
    data() {
      return {
        percentage: 75,
        activeName: 'first'
      };
    },
    created() {
      
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
        }
    }
  };
  </script>